import React from 'react'
import { Tabs } from 'antd'
import TabItem from './TabItem'
const { TabPane } = Tabs;

function callback(key: string) {
    console.log(key);
}

type Props = {}

export default function Relation({ }: Props) {
    return (
        <div>
            <Tabs defaultActiveKey="1" onChange={callback}>
                <TabPane tab="最佳搭档" key="1">
                    <TabItem type="partners"/>
                </TabPane>
                <TabPane tab="被谁克制" key="2">
                    <TabItem type="restrained"/>
                </TabPane>
                <TabPane tab="克制谁" key="3">
                    <TabItem type="restraint"/>
                </TabPane>
            </Tabs>
        </div>
    )
}